import "./App.css";
import Home from "./page/Home";
import store from "./store/index";
import { ActionType, ProColumns } from "@ant-design/pro-components";
import {
  EditableProTable,
  ProCard,
  ProFormField,
} from "@ant-design/pro-components";
import {
  Link,
  Navigate,
  Route,
  Routes,
  useNavigate,
  useRoutes,
} from "react-router-dom";
import routes from "./router";
import { useState, useEffect } from "react";
import {
  Input,
  Button,
  Col,
  Table,
  Space,
  Tag,
  Modal,
  Form,
  Select,
  Row,
} from "antd";

function App() {
  // console.log(store.getState());
  const nameAction = { type: "change_name", name: "kobe" };
  store.dispatch(nameAction);

  // console.log(store.getState());

  return (
    <div>
      {/* <header>
        <Link to="/home">Home</Link>
        <Link to="/echarts">echarts</Link>
        <Link to="/antd">antd</Link>
      </header>
      <div className="content">{useRoutes(routes)}</div>
      <footer></footer> */}
      {useRoutes(routes)}
      {/* <Routes>
        <Route path="/" element={<Home />}>
          Home
        </Route>
        <Route path="/antd" element={<Antdinput />}>
          Antd
        </Route>
        <Route path="/echarts" element={<Echart />}>
          Echarts
        </Route>
      </Routes> */}
    </div>
  );
}

export default App;
